<!DOCTYPE html>

<html>

<head>
   <link type="text/css" rel="stylesheet" href="../css/malware-tree.css">
   <script src="../javascript/malware-tree.js"></script>
   <script src="../data.js"></script>
   <script src="../main.js"></script>
</head>

<body>
   <hgroup>
      <h1>MALWARE TREE</h1>
      <h2 id="packet-count"></h2>
   </hgroup>
   <div id="tooltips" class="hidden">
      <div id="tooltips-wrapper" class="cf">
         <p id="tooltips-name">Microsoft Antivirus</p>
         <div id="tooltips-cost-img">5</div>
      </div>
      <p id="tooltips-unlock-type">(UNLOCKED)</p>
      <p id="tooltips-points"></p>
      <p id="tooltips-special"></p>
      <p id="tooltips-description">An omen of what to come.</p>
   </div>

   <div id="malware-template" class="malware hidden">
      <div class="malware-title"></div>
      <img src="../images/popup-schema-icons/rain-icon.png">
   </div>
   <div id="connection-container">
      <!-- Where the connections between malwares are stored. -->
   </div>

   <button id="return-button">RETURN</button>
</body>

</html>